
.main {
    padding-top: 1.6rem;
    width: 90%;
    height: 2.6667rem;
    // background-color: antiquewhite;
    margin: 0rem auto;

    .slog {
        font-size: 18px;
        margin-top: .5333rem;
    }

    .loginbody {
        display: flex;
        flex-direction: column;
        margin-top: .7rem;
        position: relative;

        div {
            position: absolute;
            color: rgb(156, 156, 156);
            font-size: 15px;
            background-color: white;
            visibility: hidden;
            transition: all .2s linear;
        }

        .emailtext {
            top: 7px;
            left: 12px;

        }

        .passtext {
            top: 57px;
            left: 12px;
        }

        input {
            height: .9rem;
            margin-bottom: .4rem;
            padding-left: .2667rem;
            font-size: 15px;
            border-radius: 5px;
            border: .5px solid silver;
        }

        input:focus {
            outline: none;
            border: 1px solid blue;
        }

        .inputclick{
           transform: translateY(-.4533rem);
            left: .4rem;
            font-size: 13px;
            visibility: visible;
            color: black;
        }


        button {
            height: .8rem;
            margin-bottom: .2667rem;
            font-size: 15px;
            background-color: #3793fa;
            color: white;
            border-radius: 5px;
            border: none;
            text-align: center;
        }
    }

    .accout {
        font-size: 15px;
        color: #3793fa;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: .5333rem;

        // background-color: aqua;
        span {
            flex: 1;
        }

        >.createuser {
            text-align: right;
            padding-right: .5333rem;
        }

        >.forget {
            padding-left: .5333rem;
        }
    }
}